<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>APP</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/index.css"/>
    <link rel="stylesheet" type="text/css" href="../css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="../css/dtapp.css" />

   <script type="text/javascript" src="../script/api.js" ></script>
   <script type="text/javascript" src="../script/jquery-2.1.1.min.js" ></script>
   
   <script type="text/javascript" src="../script/dtapp.js" ></script>
<script type="text/javascript" src="../script/echo.min.js" ></script>   
   <script type="text/javascript" src="../script/doT.min.js" ></script>
   <script type="text/javascript" src="../script/swiper.min.js" ></script>
   <style>
   .banner-container .swiper-container {
        width: 100%;
        height: 150px;
        margin: 0px auto 0 auto;
    }
    .banner-container .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.aui-col-xs-3 p {
 font-size: 13px;
}
   </style>
</head>
<body>
<div class="aui-searchbar-wrap demo" id="search">
    <div class="aui-searchbar aui-border-radius" tapmode onclick="doSearch()">
        <i class="aui-iconfont aui-icon-search"></i>
        <div class="aui-searchbar-text">请输入搜索内容</div>
        <div class="aui-searchbar-input">
        	<form action="javascript:search();">
        	<input type="search" placeholder="请输入搜索内容" id="search-input">
        	</form>
        </div>
        <i class="aui-iconfont aui-icon-roundclosefill" tapmode onclick="clearInput()"></i>
    </div>
    <div class="aui-searchbar-cancel aui-text-info" tapmode onclick="cancelSearch()">取消</div>
</div>
<div class="aui-content banner-container">
<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><img src="../image/banner.png"/></div>
				<div class="swiper-slide"><img src="../image/banner.png"/></div>
				<div class="swiper-slide"><img src="../image/banner.png"/></div>
			</div>
			<div class="swiper-pagination"></div>
		</div>
</div>
    <div class="aui-content">
        <ul class="aui-grid-sixteen">
            <li class="aui-col-xs-3 aui-text-center" onclick="dperfec()">
                <span class="aui-iconfont aui-icon-goods aui-bg-success"></span>
                <p>供应信息</p>
            </li>
            <li class="aui-col-xs-3 aui-text-center" onclick="dperfec()">
                <span class="aui-iconfont aui-icon-creativefill dt-background-color4"></span>
                <p>求购信息</p>
            </li>
            <li class="aui-col-xs-3 aui-text-center" onclick="dperfec()">
                <span class="aui-iconfont aui-icon-vip aui-bg-danger"></span>
                <p>推荐企业</p>
            </li>
            <li class="aui-col-xs-3 aui-text-center" onclick="dperfec()">
                <span class="aui-iconfont aui-icon-shop aui-bg-info"></span>
                <p>商城交易</p>
            </li>
            <li class="aui-col-xs-3 aui-text-center" onclick="dperfec()">
                <span class="aui-iconfont aui-icon-read aui-bg-danger"></span>
                <p>新闻资讯</p>
            </li> 
            <li class="aui-col-xs-3 aui-text-center" onclick="dperfec()">
                <span class="aui-iconfont aui-icon-album aui-bg-warning"></span>
                <p>图片展示</p>
            </li><li class="aui-col-xs-3 aui-text-center" onclick="dperfec()">
                <span class="aui-iconfont aui-icon-countdownfill aui-bg-info"></span>
                <p>办事指南</p>
            </li><li class="aui-col-xs-3 aui-text-center" onclick="dperfec()">
                <span class="aui-iconfont aui-icon-group aui-bg-success"></span>
                <p>会员中心</p>
            </li>                       
        </ul>
    </div>



<div class="aui-content">
<div class="aui-index-title aui-text-warning aui-padded-10 aui-bg-white aui-arrow-right">
  <div class="box-title dt-text-color1">最新供应</div>
  <span class="aui-right-more aui-text-gray fz13" onclick="dperfec()">更多</span></div>
        <ul class="aui-list-view" id="sell_list">
        <script id="sell-template" type="text/x-dot-template">
                    {{ for(var i=0, len=it.length; i<len; i++) {}}
                    	{{? !!it[i].itemid }}
							<li class="aui-list-view-cell aui-img" onclick="dopenWins('{{=it[i].itemid}}','sell','sell_show');">
							<img class="aui-img-object aui-pull-left" src=''+blankgif+'' data-echo='{{? !it[i].thumb}}{{=Nopic}}{{??}}{{=it[i].thumb}}{{?}}' width="90" height="66">							
								<div class="aui-img-body">
                    <span class="aui-list-view-title dt-text-ellipsis">{{=it[i].title}}</span>
                    <p>{{=it[i].company}}</p>
                    <p><span class="aui-pull-left fz12">{{=it[i].editdate}}</span><span class="aui-pull-right fz12"><i class="aui-iconfont aui-icon-attentionfill aui-text-gray"></i>{{=it[i].hits}}</span></p>
                </div>

							</li>
                    	{{?}}
                    {{ } }}
                </script>
                <div id="sell-content"></div>
        </ul>
</div>
   
</body>
<script type="text/javascript" src="../script/index.js"></script>
</html>